{% extends "bootstrap/base.html" %} <!--继承bootstrap的模板-->
{% import "macro.html" as macro %}
{% block head%}
	{{ super() }}
	<link rel="shortcut icon" type="image/x-icon" href="{{ url_for('static',filename='images/favicon.png' ) }}" />
	<link rel="stylesheet" type="text/css" href="{{ url_for('static',filename='css/main.css') }}">
	<link rel="stylesheet" type="text/css" href="{{ url_for('static',filename='css/styles.css') }}">
{% endblock %}

{% block title %}HelloCode{% endblock %}
{% block navbar %}
	<div class="navbar navbar-inverse" role="navigation">
		<div class="container">
			<div class="navbar-header">
				<button type="button" class="navbar-toggle"
				data-toggle="collapse" data-target=".navbar-collapse">
				<span class="sr-only">Toggle navigation</span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
				</button>
				<a class="navbar-brand" href="/">HelloCode</a>
			</div>

			<div class="navbar-collapse collapse">
				<ul class="nav navbar-nav">
					<li><a href="{{ url_for('main.index') }}">Home</a></li>
					{% if current_user.is_authenticated %}
						<li><a href="{{ url_for('main.user', username=current_user.username ) }}">user</a></li>
					{% endif %}					
					<li><a href="/product">product</a></li>
					<li><a href="/about">about</a></li>
					<li><a href="{{ url_for('main.ckeditor' )}}">ckeditor</a></li>
				</ul>
				<ul class="nav navbar-nav navbar-right">
					{% if current_user.is_authenticated %} <!-- 判断条件中的变量current_user 由Flask-Login 定义，且在视图函数和模板中自动可用。 注意书中写 is_authenticated 是方法 可能是因为版本的原因 现在只是一个字段-->
						<li><a href="{{ url_for('main.user',username=current_user.username) }}">
						{{ current_user.username }}</a>						
						</li>	

						{% if current_user.is_admin() %}
						<li>
						<a style="color: #ff0000;" href="{{ url_for('admin.admin',token=current_user.make_id_token()) }}" target="_blank">
							admin
						</a>
						</li>
						{% endif %}

						<li><a href="{{ url_for('auth.logout') }}">Sign out</a></li>
					{% else %}
						<li><a href="{{ url_for('auth.login') }}">Sign in</a></li>
						<li><a href="{{ url_for('auth.register') }}">registe</a></li>
					{% endif %}		
					
				</ul>

			</div>

		</div>
	</div>
{% endblock %}

{% block content %}
	<div class="container">
		{% for msg in get_flashed_messages() %} <!-- 显示flash函数的消息 get_flashed_messages函数是全局开放的 -->
			<div class="alert alert-warning">
				<button type="button" class="close" data-dismiss='alert'>×</button>
				{{ msg }}
			</div>
		{% endfor %}

		{% block page_content %}把你的页面内容重写这个块{% endblock %}		
		
	</div>	
	<footer>{% block footer %}<hr><div id="footerStl" >{{ moment(current_time).format("YYYY-MM-DD HH:mm:ss") }} <span>©Kongfu 这是牛逼哄哄的网站</span></div>{% endblock %}</footer>
{% endblock %}

{% block scripts %}
	{{ super() }}
	{{ moment.include_moment() }} <!-- 导入moment时间管理模块,-->	
	{{ moment.lang('zh-CN') }} 
	<script type="text/javascript" src="{{ url_for('static',filename='js/webUtil.js') }}" ></script>
	<script type="text/javascript">
		$(document).ready(function () {			
			{% block select_nav %}
				//父页面重新该模块,设置导航选中 webUtil.js里面的selectPage
			{% endblock %}
		});
		
		setTimeout(function (){
			$(".alert").hide()
		},2000) //flash警告框2秒自动消失

	</script>

{% endblock %}